﻿/*--------------------------------------------
Created by: Nhat Nguyen
Date: 06/14/2014
Website: B&D Quote
--------------------------------------------*/
#drapery-form input[type="text"]
{
    width:118px;
}
#drapery-form select
{
    width:130px;
}
select.inputtext-small
{
    height: 26px !important;
    font-size: 11.9px !important;
}
input[type="text"].inputtext-small,
input[type="password"].inputtext-small ,
input[type="datetime"].inputtext-small ,
input[type="datetime-local"].inputtext-small ,
input[type="date"].inputtext-small ,
input[type="month"].inputtext-small ,
input[type="time"].inputtext-small ,
input[type="week"].inputtext-small ,
input[type="number"].inputtext-small ,
input[type="email"].inputtext-small ,
input[type="url"].inputtext-small ,
input[type="search"].inputtext-small ,
input[type="tel"].inputtext-small ,
input[type="color"].inputtext-small ,
.uneditable-input.inputtext-small 
{
    height: 16px !important;
    font-size: 11.9px !important;
}
select.inputtext-mini
{
    height: 22px;
    font-size: 10.5px;
    padding: 2px 6px;
}
.full-width
{
    width:100%;
}
.half-width
{
    width:50%;
}
select.original{ height:30px !important; margin-bottom: 0 !important;}
table.original label{display:inline !important;}
table.original input[type="checkbox"]{margin-top:0;margin-right: 5px; }
.clear-margin-bottom
{
    margin-bottom: 0 !important;
}
.box-wrapper
{
    border: solid 1px #dedede;
    padding: 0 5px;
    border-radius:5px;
}
.tdHeightControl
{
    height:24px;
}
.img-inside-grid {width: 70px !important;height: 50px !important;}
/*----------------------Login page--------------------------*/
.x-header 
{
    background-color: #f9fbfb;
    border-bottom: 1px solid #e8ebee;
}
.x-header .container
{
    padding-top: 0;
    height: 105px;
    text-align:center;
}
.x-header .container .logo
{
    height: 100px;
    width:270px;
}
.x-boxed {
    background-image: none;
    border: 0;
    -webkit-box-shadow: transparent 0 0 0;
    -moz-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    margin: 30px auto 0;
    padding-bottom: 0;
    text-align: center;
    width: 340px;
}
.loginForm
{
    text-align:left;
    margin:20px;
    width:100%
}
.x-footer
{
    background-color: #f9fbfb;
    border-top: 1px solid #e8ebee;
    position:fixed;
    bottom:0;
    color: #7b8188;
    padding: 10px 0 0;
    width: 100%;
    font-size: 12px;
}
.x-footer p a
{
    margin-left: 10px;
}
.box-option .dropdown-menu a
{
    text-align:left;
} 

.dxgvHeader_PlasticBlue
{
    background-image:none !important;
    background-color:#007CB6;
    font-weight:bold !important;
}
.dxpCurrentPageNumber_PlasticBlue
{
    background-color:#08c !important;
}
.dxgvControl_PlasticBlue a
{
    color:#007CB6 !important;
}
/*--------------------------------Master page-----------------------------------*/
.header
{
    background-color: #f9fbfb;
    border-bottom: 1px solid #e8ebee;
    height:70px;
}
.header .logo img
{
    height:70px;
    width: 210px;
}
.header .shopping-cart
{
    text-align: right;
    margin-right: 10px;
    margin-top: 5px;
}
.header .box-account
{
    margin: 13px 5px 0 0;
}
.header .box-account .nav
{
    margin-bottom:0;
}
#dropAccount
{
    border-radius: 5px 5px 0 0;
}
.header .box-account .dropdown-menu
{
    right: 0; 
    left: auto;
    margin-top: 0;
}
.main-contain-table{ width:100%; padding-bottom:40px}
#tdLeftContent
{
    width:265px;
    vertical-align: top;
}
#left-menu { margin:5px;}
#left-menu .accordion-inner{ padding:0px; }
#left-menu .accordion-inner table tr td { padding-left: 25px }
#left-menu .accordion-inner .table {margin-bottom: 0px; }
#left-menu .accordion-heading
{
    color: #333;
    background: url("images/boxheading.gif") repeat-x left top #ededed;
    height: 32px; 
}
#left-menu .accordion-title
{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}
#left-menu .accordion-title>a {color: inherit;}
#left-menu .accordion-inner a.current{ font-weight:bold;}
#tdRightContent{vertical-align: top;}
#tdRightContent .content{ margin: 5px 5px 0 0;}
.main-contain{padding-bottom:20px;}
.footer
{
    background-color: #f9fbfb;
    border-top: 1px solid #e8ebee;
    position:fixed;
    bottom:0;
    color: #7b8188;
    padding: 5px 0 4px;
    width: 100%;
    font-size: 12px;
}
.footer .x-box, .footer a
{
    margin:0 5px;
}
/*--------------------------------Manufacturers page-----------------------------------*/
#manufacturers-list .thumbnails>li{width: 340px;}
.tbBox{ width:100%;}
.tbBox td{vertical-align:top;}
.tbBox .tdImg{width:100px;}
.tbBox .box-img{ width:90px; height:70px;}
.tbContent{ width:100%;}
.box-title a{font-weight: bold;font-size: 16px;}
.box-option{width:20px; text-align:right; vertical-align:top;}
.box-option .dropdown>a:hover {background-color: #f5f5f5; border-radius:4px;}
.box-option .dropdown-menu
{
    right: 0; 
    left: auto;
    margin-top: 0;
}
.box-option .dropdown-menu a{ cursor:pointer;}
.box-content{font-size: 11px;line-height: 18px;}
#search-box{ margin-bottom:5px;}
#search-box .input-append{ margin:0;}
#popupAddManufacturers {
    width: 750px;
    margin-left: -375px;
}
#popupAddManufacturers .thumbnails>li{width: 340px;}
#popupAddManufacturers .tdControl{ text-align:right; vertical-align:bottom;}
img.logo-manu-detail{ width:200px; height:140px !important;}
/*--------------------------------Categories page-----------------------------------*/
#categories-list .thumbnails>li{width: 340px;}
#categories-list .box-title a{font-size:22px;}
#categories-list .box-title div{margin:5px;}
/*--------------------------------Products page-----------------------------------*/
#box-search { margin-bottom:10px;}
#box-search select{ height:30px; width: auto;margin-bottom: 0;}
#box-search>table input{ margin-bottom:0;}
#products-list .thumbnails>li{width: 340px;}
#products-list .box-title{ margin:10px 0;}
#products-list .thumbnail
{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 82%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f2f2f2', GradientType=0);
}
#products-list .tbHeader{ width:100%; margin:10px 0;}
.product-image{width:100%;}
.product-price
{
    font-size: 18px;
    font-weight: bold;
    color: #35aae3;
    margin: 0 7px 0 0;
}
.product-size
{
    font-size: 11px;
    color: #6d6d6d;
}
#popupAddProducts {
    width: 750px;
    margin-left: -375px;
}
#popupAddProducts .thumbnails>li{width: 340px;}
#popupAddProducts .tbBox{ margin-top:5px; height:40px;}
#popupAddProducts .tbBox td.tdControl{ vertical-align:middle;}
/*--------------------------------Product Detail page-----------------------------------*/
#productDetail { width:100%;}
#productDetail .product-name
{
    font-size: 20px;
    font-weight: bold;
    color: #08c;
}
#productDetail .manufacturer-label{font-size: 12px;color: gray;}
#productDetail .manufacturer-name{font-size: 12px;color: #08c; font-weight:bold;}
#productDetail select{ height:30px; width: auto;margin-bottom: 0;}
#productDetail .tdProductImage{ width:300px; vertical-align:top;}
#productDetail .tdProductImage img{ height:250px;}
#productDetail .tdProductContent>table{ margin-left:10px; width:99%;}
#productDetail .checkbox,#productDetail .radio{ margin-bottom:0;}

.BackgroundBorderRightCell
{
	background-color:#F6F6F6;
	border-right:solid 1px #999999 !important;
}
.BorderTopRightCell
{
	border-top:solid 1px #999999 !important;
	border-right:solid 1px #999999 !important;
}
.BorderTopLeftCell
{
	border-top:solid 1px #999999 !important;
	border-left:solid 1px #999999 !important;
}

.BorderTopCell
{
	border-top:solid 1px #999999 !important;	
}
.BorderLeftCell
{
	border-left:solid 1px #999999 !important;	
}
.BorderBottomLeftCell
{
	border-bottom:solid 1px #999999 !important;
	border-left:solid 1px #999999 !important;
}
.BackgroundBorderTopRightCell
{
	background-color:#F6F6F6;
	border-top:solid 1px #999999 !important;
	border-right:solid 1px #999999 !important;
}
.BackgroundBorderTopLeftRightCell
{
	background-color:#F6F6F6;
	border-top:solid 1px #999999 !important;
	border-right:solid 1px #999999 !important;
	border-left:solid 1px #999999 !important;
}
.BackgroundBorderTopLeftCell
{
	background-color:#F6F6F6;
	border-top:solid 1px #999999 !important;
	border-left:solid 1px #999999 !important;
}
.BackgroundBorderBottomLeftCell
{
	background-color:#F6F6F6;
	border-bottom:solid 1px #999999 !important;
	border-left:solid 1px #999999 !important;
}
.BackgroundBorderBottomRightCell
{
	background-color:#F6F6F6;
	border-bottom:solid 1px #999999 !important;
	border-right:solid 1px #999999 !important;
}
.BackgroundBorderTopCell
{
	background-color:#F6F6F6;
	border-top:solid 1px #999999 !important;	
}
.BackgroundBorderLeftCell
{
	background-color:#F6F6F6;
	border-left:solid 1px #999999 !important;	
}
/*.BackgroundBorderRightCell
{
	background-color:#F6F6F6;
	border-right:solid 1px #999999 !important;	
}*/
.BackgroundColor
{
	background-color:#F6F6F6;
}
/*--------------------------------Product Detail page-----------------------------------*/
#cartDetail table {width:100%;}
.spinnerDiv {
    float: right;
    width: 25px;
}
.spinnerDiv button
{
    padding: 0 4px;
    margin: 1px;
}
.spinnerDiv button > i
{
    position: relative;
    top: -1px;
}
.quantityDiv {
    float: right;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.Note {
    color: #B51225;
    font-weight: bold !important;
}
/*-------------------------------Information-----------------------------------------------------*/
.headerGrid {
    background-color: #eee;
    font-weight: bold;
}
tr.headerGrid td
{
    text-align:center;
}
/*-------------------------------Calculate Drapery Price-----------------------------------------------------*/
.left-wrapper
{
    float:left;
    width:200px;
}
.right-wrapper
{
    overflow-x:scroll;
    z-index:-1;
    width:835px;
}
.left-wrapper .table-fixed-column
{
    border-radius: 4px 0 0 4px;
}
.left-wrapper .table-fixed-column thead td,.right-wrapper .table-rest thead td
{
    text-align:center;
    vertical-align:middle;
}
.left-wrapper .table-fixed-column td,.right-wrapper .table-rest td
{
    text-align:center;
}
.left-wrapper .table-fixed-column thead,.right-wrapper .table-rest thead
{
    font-weight:bold;
    background-color:#f4f4f4;
}
.right-wrapper .table-rest
{
    border-radius:0 4px 4px 0;
    text-align:center
}